Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MHV-66099 Images page (image download, image layout and format, download alerts) #34706

Conversation

Wyzardsleeves
Copy link
Contributor

@Wyzardsleeves Wyzardsleeves commented Feb 14, 2025

Summary

  • Updated content regarding the Image Page.

    • Changed "col-4" to "col-6" to create two columns
    • Images were already responsive.
    • Used math to calculate the # to # of ## images label
    • I added the "download started" success banner after the Dicom link was clicked. The failure banner was not mentioned in the ticket, so I'm guessing there's another ticket for it.
    • Removed the extra "to" in a "p" tag
  • This is not a bug.

  • Updated the JSX and already existing functions.

  • MHV Medical Records.

Related issue(s)

MHV-66099 Images page (image download, image layout and format, download alerts)

Screenshot 2025-02-14 at 11 36 32 AM

Screenshot

Screenshot 2025-02-14 at 11 49 38 AM
Screenshot 2025-02-14 at 11 57 05 AM

Testing done

  • Tests are passing.

What areas of the site does it impact?

MHV Medical Records

Images page (image download, image layout and format, download alerts)
@Wyzardsleeves Wyzardsleeves requested review from a team as code owners February 14, 2025 17:38
rmessina1010
rmessina1010 previously approved these changes Feb 14, 2025
Copy link
Contributor

@rmessina1010 rmessina1010 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Comment on lines 32 to 36
{`Showing ${paginatedImages[currentPage - 1][0].index}
to ${paginatedImages[currentPage - 1][0].index +
(paginatedImages[currentPage - 1].length - 1)} of ${
imageList.length
} records from newest to oldest`}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Images aren't shown newest to oldest. Here's the correct wording from the ticket:
image

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for pointing out this oversight.

>
Check your device’s downloads location for your file.
</va-banner>
<br />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't use <br /> tags. Instead you can use the VA Design System margin tags, or move the alert banner outside of the <p> tags.

@@ -41,7 +41,7 @@ const RadiologyImagesList = ({ isTesting }) => {
isTesting || false,
);
const [isStudyJobsLoaded, setStudyJobsLoaded] = useState(isTesting || false);

const [diacomDownload, setDiacomDownload] = useState(false);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The file is called is "dicom" as opposed to "diacom". Can you correct all the instances?

…ormat_and_download_alerts' of https://github.com/department-of-veterans-affairs/vets-website into MHV-66099_images_page_image_download_,_image_layout_,_format_and_download_alerts
@@ -382,12 +382,27 @@ ${record.results}`;
data-dd-privacy="mask"
data-dd-action-name="[lab and tests - radiology name]"
>
{record.name}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The new <HeaderSection> component has the header text in the header attribute. You shouldn't need it here any longer. Double-check this in a browser.

@Wyzardsleeves Wyzardsleeves merged commit 287b635 into main Feb 19, 2025
79 checks passed
@Wyzardsleeves Wyzardsleeves deleted the MHV-66099_images_page_image_download_,_image_layout_,_format_and_download_alerts branch February 19, 2025 16:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants